import styled from 'styled-components'
export const DetailWrap=styled.div`
            height:100%;
            .container{
                overflow-y:scroll;
                height: 95%;
          .swiper{
              img{
                  height:1.876rem;
              }
          }
          .msg{
              padding:.15rem .15rem .15rem;
              .title{
                 font-size:.16rem;
                 color:#222;
              }
              .price{
                  color:#f50;
                  font-size:.13rem;
                  margin-top:.1rem;
                  >span{
                 font-size:.22rem;
                  }
                  i{
                  color:#23cc77;
                  margin-left:.15rem;
                  }
              }
              .hotel{
                  margin-top:.2rem;
                  height:.592rem;
                  display: flex;
                  flex-direction:row;
                  img{
                      display:inline-block;
                      width:.5rem;
                      height:.4134rem;
                  }
                  span{
                    display:inline-block;
                    height:.352rem;
                    padding-left:.15rem;
                   font-size:.12rem;
                   color:#666;                
                   overflow:hidden;
                  }
              }
              .actity{
                 .cheap{
                    height:.5rem;
                    display: flex;
                    align-items:center;
                    border-bottom:2px solid #EDF0F5;
                    overflow:hidden;
                  i{
                     color:#222;
                     font-size:.15rem;  
                      margin-right:.05rem;
                  }
                  span{
                    font-size:.1rem;
                    background-color: #f80;
                    color: #fff;
                    border-radius: 2px;
                    padding:.02rem .03rem;
                    margin:0 .05rem;
                }   
               }
                  .acount{
                    height:.5rem;
                    display: flex;
                    align-items:center;
                    a{     
                        display:block;
                        height:100%; 
                        display: flex;
                        flex-direction:row;
                        align-items:center;     
                  i{
                      display:inline-block;
                     color:#222;
                     font-size:.15rem;  
                     margin-right:.05rem;
                  }
                  >div{
                      display:inline-block;
                      overflow:hidden;
                      display: flex;
                      width:60%;
                      align-items:center;
                      flex-direction:row;
                  span{
                    font-size:.1rem;
                    white-space: nowrap;
                    background-color: #f80;
                    color: #000;
                    height:.176rem;
                    border-radius: 2px;
                    padding:.02rem .03rem;
                    margin:0 .05rem;
             } 
             }
             em{
                 display: inline-block;
                 height:.5rem;
                 display: flex;
                 align-items:center;               
                }  
                 }
                  }
                }
              
              .special{ 
                  margin-top:.1rem;
                span{
                    display:inline-block;
                    width:.05rem;
                    height:.15rem;
                    background:#f80;
                    margin-right:.1rem;
                }
                  a{
                      color:#222;
                      font-size:.16rem;                    
                  }               
              }           
          }
          .commont{
            padding:.15rem .15rem .15rem;
              h3{
                  font-size:.13rem;
                  color:#999;
                  display: flex;
                  justify-content:space-between;
                  border-bottom:2px solid #EDF0F5;
                  height:.454rem;
                  align-items:center;
                  em{
                      font-size:.15rem;
                      color:#222;
                  }
                  .pent{
                      font-size:.15rem;
                      color:#F50
                  }
                  .people{
                      display:inline-block;
                      height:100%;
                      display: flex;
                      align-items:center;
                     .icon2{
                      display:inline-block;
                      height:100%;
                      display: flex;
                      align-items:center;
                  }  
                  }
                 
              }
              ul{
                  display: flex;
                  flex-direction:row;
                  flex-wrap:wrap;
                  padding-top:.12rem;
              }
              li{
                  width:50%;
                  margin-bottom:.05rem;
                  span{
                    border: 1px solid #d5d5d5;
                    padding:0 .03rem;
                    margin-left:.05rem;
                  }
              }
          }
            }
        .footer{
            height: .49rem;
           
           
        }
`